﻿<div id="Contents">
    <h1>Circulation List  
    
    <span id="sp1"> <b style="font-size:18px;margin-left:100px;">Form Type Filter:</b>
        <!-- <span id="DropDownListContents">-->
             <select id="Formfilter">
             </select>
        <!-- </span>-->
    </span>  
    <span id="sp2">
    <b style="font-size:18px;margin-left:50px;">Status Filter:</b>
            <select id="StatusFilter">
                <option>All</option>
                <option>Complete</option>
                <option>Incomplete</option>
            </select></span>       </h1>

         <table style="border-style:solid;width:100%;border-spacing:0px" cellpadding="5" id="tView" border="1">
            <thead>
                <tr>
                    <th>Circulation Id</th>
                    <th>Form Type</th>
                    <th>Submission Date</th>
                    <th>Submission Time</th>
                    <th>Progress</th>                
                    <th>Action</th>
                </tr>
            </thead>
            <tbody id="vList">
            
            </tbody>
        </table>
       
        <div id="noOfPages"></div>

</div>

    <script type="text/javascript">

        $(function () {
            $("#StatusFilter").change(function () {               
                //alert($(this).val())
                StatusFilter($(this).val())
            });
        });

        $(function () {
            $("#Formfilter").change(function 
             () {               
                //alert($(this).val())
                FormTypeFilter($(this).val())
            });
        });
   </script>
